<%@page import="com.ik.pbs.Manejadores.ManejadorReputacionUsuarios"%>
<%@page import="com.ik.pbs.Manejadores.ManejadorReputacionAnuncios"%>
<%@page import="com.ik.pbs.Encapsulados.ReputacionAnuncios"%>
<%@page import="com.ik.pbs.Encapsulados.ReputacionUsuarios"%>
<%@page import="com.ik.pbs.Encapsulados.Comentarios"%>
<%@page import="com.ik.pbs.Manejadores.ManejadorComentarios"%>
<%@page import="java.util.Date"%>
<%@page import="com.ik.pbs.Manejadores.ManejadorCategorias"%>
<%@page import="com.ik.pbs.Encapsulados.Categorias"%>
<%@page import="com.ik.pbs.Manejadores.ManejadorCiudad"%>
<%@page import="com.ik.pbs.Encapsulados.Ciudad"%>
<%@page import="java.util.List"%>
<%@page import="java.text.DecimalFormat"%>
<%@include file="/Recursos/header.jsp" %> 
<%@page import="com.ik.pbs.Manejadores.ManejadorUsuarios"%>
<%@page import="com.ik.pbs.Encapsulados.Usuarios"%>
<%@page import="com.ik.pbs.Manejadores.ManejadorAnuncios"%>
<%@page import="com.ik.pbs.Encapsulados.PerfilUsuario"%>
<%@page import="com.ik.pbs.Manejadores.ManejadorPerfilUsuario"%>
<%@page import="com.ik.pbs.Encapsulados.Anuncios"%>
<%@page import="com.ik.pbs.conection.ConexionDB"%>
<%@page import="java.util.ArrayList"%>

<%
    ConexionDB con = new ConexionDB();
    SimpleDateFormat sdf = new SimpleDateFormat("dd/MM/yyyy");
    Anuncios anuncioarevisar = new ManejadorAnuncios().getAnuncio(con.getConnectionDB(), Integer.parseInt(request.getParameter("noid")));
    Usuarios usuarioanuncio = anuncioarevisar.getUsuarios_id();
    PerfilUsuario perfil = new ManejadorPerfilUsuario().getPerfilUsuario(con.getConnectionDB(), usuarioanuncio.getId());
    DecimalFormat df = new DecimalFormat("#.##");
    ReputacionUsuarios ru = new ReputacionUsuarios();
    ReputacionAnuncios ra = new ReputacionAnuncios();
%>
<!-- content -->
<div class="wrapper row3">
    <div id="container">
        <!-- ################################################################################################ -->
        <!-- ################################################################################################ -->

        <div class="two_third first">
            <input type="hidden" id="idAnuncio" value="<%=anuncioarevisar.getId()%>">
            <input type="hidden" id="idUsuario" value="<%=anuncioarevisar.getUsuarios_id().getId()%>">
            <div class="two_half" style=" border-bottom: dashed #000000; border-bottom-width: 2px; margin-bottom: 20px">
                <center><h1>Nombre del Evento: <%=anuncioarevisar.getNombre()%></h1></center>
                <div class="two_half nogutter" style="padding: 0px 0px 6px 0px;">
                    <a href="/PBS/comun/galeriaDeFotos.jsp?noid=<%=anuncioarevisar.getId()%>"><img src="<%=anuncioarevisar.getFoto()%>" alt="" class="two_half nogutter" align="right"/></a>
                </div>
            </div>
            <div class="three_fifth nogutter">
                <div class="two_half nogutter">
                    <center>
                        <%
                            ra = ManejadorReputacionAnuncios.getInstance().getReputacionAnuncio(con.getConnectionDB(), anuncioarevisar.getId(), request.getRemoteAddr());
                            if (ra.getIp() == null) {
                        %>
                        <button type="button" id="masAnuncio"  class="button small gradient blue">
                            <span class="icon-thumbs-up icon-large"></span>
                        </button>
                        <b style="font-size: 20px"><%=anuncioarevisar.getNombre()%></b>
                        <button type="button" id="menosAnuncio" class="button small gradient red">
                            <span class="icon-thumbs-down icon-large"></span>
                        </button>
                        <%} else {%>
                        <b style="font-size: 20px"><%=anuncioarevisar.getNombre()%></b>
                        <%}%>
                    </center>
                </div>
                <div class="two_half nogutter">
                    <br/>
                    <div class="two_half nogutter">
                        <div class="one_half nogutter">
                            <b>Categor&iacute;a: </b><%=anuncioarevisar.getCategorias_id().getDescripcion()%><br>
                            <br/>
                        </div>
                        <div class="one_half nogutter">
                            <b>Fecha: </b><%=anuncioarevisar.getFecha()%> a las <%=anuncioarevisar.getHora()%><br>
                            <br/>
                        </div>
                        <div class="one_half nogutter">
                            <b>Artista(s) Invitado(s): </b><%=anuncioarevisar.getArtista()%><br/>
                            <br/>
                        </div>
                        <%
                            double reputacion = 0;

                            if (anuncioarevisar.getPuntosPositivos() > 0 && anuncioarevisar.getPuntosNegativos() > 0) {
                                double sum = anuncioarevisar.getPuntosNegativos() + anuncioarevisar.getPuntosPositivos();
                                double div = anuncioarevisar.getPuntosPositivos() / sum;
                                reputacion = div * 100;
                            } else if (anuncioarevisar.getPuntosPositivos() > 0) {
                                reputacion = anuncioarevisar.getPuntosPositivos();
                            } else if (anuncioarevisar.getPuntosNegativos() > 0) {
                                reputacion = anuncioarevisar.getPuntosNegativos() * -1;
                            }
                        %>
                        <div class="one_half nogutter">
                            <b>Reputaci&oacute;n: </b><b id="reputacionPublicidad"><%=df.format(reputacion)%>%</b><br/>
                            <br/>
                        </div>

                    </div>
                </div>
                <div class="two_half nogutter">
                    <b>Ubicaci&oacute;n: </b><p><%=anuncioarevisar.getUbicacion().getDescripcion()%>, ubicado en <%=anuncioarevisar.getUbicacion().getDescripcion()%>, <%=anuncioarevisar.getUbicacion().getSectores().getDescripcion()%>, <%=anuncioarevisar.getUbicacion().getSectores().getCiudad().getDescripcion()%></p>
                </div>
            </div>

            <div class="two_fifth nogutter" style="background-color: #cccccc; margin: 5px 0px 5px 0px">
                <div class="two_half" style="border:dashed #0099cc; border-width: 1px; padding: 6px 6px 6px 6px;" >
                    <p style="font-size:125%;" align="center"><b>Informaci&oacute;n del Usuario</b></p>    


                    <p><b>Nombre: </b><%=usuarioanuncio.getNombre()%><br><br>
                        <b>Email: </b><%=perfil.getCorreo()%><br><br>
                        <%
                            reputacion = 0;

                            if (usuarioanuncio.getPuntosPositivos() > 0 && usuarioanuncio.getPuntosNegativos() > 0) {
                                double sum = usuarioanuncio.getPuntosNegativos() + usuarioanuncio.getPuntosPositivos();
                                double div = usuarioanuncio.getPuntosPositivos() / sum;
                                reputacion = div * 100;
                            } else if (usuarioanuncio.getPuntosPositivos() > 0) {
                                reputacion = usuarioanuncio.getPuntosPositivos();
                            } else if (usuarioanuncio.getPuntosNegativos() > 0) {
                                reputacion = usuarioanuncio.getPuntosNegativos() * -1;
                            }
                        %>
                        <b>Reputaci&oacute;n: </b><b id="reputacionUsuario"><%=df.format(reputacion)%>%</b><br><br>
                    <center>
                        <form action="/PBS/comun/perfil.jsp" method="POST">
                            <input type="hidden" name="id" value="<%=perfil.getId()%>">
                            <%
                                ru = ManejadorReputacionUsuarios.getInstance().getReputacionUsuario(con.getConnectionDB(), perfil.getUsuarios_id().getId(), request.getRemoteAddr());
                                if (ru.getIp() == null) {
                            %>
                            <button type="button" id="masUsuario" class="button small gradient blue">
                                <span class="icon-thumbs-up icon-large"></span>
                            </button>
                            <button type="submit" name="query" class="button small gradient black">
                                <span class="icon-search icon-large"></span>
                                Ver perf&iacute;l
                            </button>
                            <button type="button" id="menosUsuario" class="button small gradient red">
                                <span class="icon-thumbs-down icon-large"></span>
                            </button>

                            <%} else {%>

                            <button type="submit" name="query" class="button small gradient black">
                                <span class="icon-search icon-large"></span>
                                Ver perf&iacute;l
                            </button>
                            <%}%>
                        </form>
                    </center>
                </div>
            </div>
            <br/><br/>
            <div style="border:groove #cccccc; border-width: 4px; margin-top: 200px; height: 1%; overflow: hidden" class="two_half">
                <div class="two_half nogutter" style="padding: 6px 0px 6px 0px;">
                    <b>Descripci&oacute;n del Evento:</b><br>
                    <p style="text-indent: 2%;">
                        <%=anuncioarevisar.getDescripcion()%>
                    </p>
                </div>

            </div>
            <br/>
            <br/>
            <div class="divider1"></div>
            <center><h1>Comentarios!</h1></center>
            <div class="two_half nogutter">
                <div class="one_sixth"><p></p></div>
                <div class="five_sixth nogutter">
                    <form class="rnd5" action="#" method="post" id="validarComentario">
                        <div class="four_sixth nogutter">
                            <div class="form-input clear">
                                <label for="ft_author">Name <span class="required">*</span><br>
                                    <input type="text" name="ft_author" id="ft_author" value="" class="required text">
                                </label>
                                <label for="ft_author">Comentario <span class="required">*</span><br>
                                    <div class="form-message">
                                        <textarea name="ft_message" id="ft_message" cols="25" rows="5"></textarea>
                                    </div>
                                </label>
                                <br/>
                            </div>
                            <br/>

                        </div>
                        <div class="two_sixth nogutter">
                            <br/><br/><br/>
                            <center>
                                <button type="submit" id="comentar" class="button small orange" id="submit"> 
                                    <span class="icon-comment-alt"></span>  Comentar
                                </button>
                                <br/><br/>
                                <button type="reset" class="button small grey" id="limpiar"> 
                                    <span class="icon-spinner"></span>  Limpiar
                                </button>
                            </center>
                        </div>
                    </form>
                </div>
            </div>
            <div class="clear"></div>
            <div class="two_half nogutter" style="overflow : auto; height: 370px">
                <div class="two_half nogutter" id="divComentarios">
                    <%
                        List<Comentarios> comentario = ManejadorComentarios.getInstance().getComentariosAnuncio(con.getConnectionDB(), anuncioarevisar.getId());

                        if (comentario.size() > 0) {

                            for (Comentarios c : comentario) {
                    %>
                    <div class="accordion-wrapper"><a href="javascript:void(0)" class="accordion-title blue"><span><%=c.getNombre()%> el <%=c.getFecha()%></span></a>
                        <div class="accordion-content">
                            <p><%=c.getComentario()%>.</p>

                            <%if (c.getRespuesta() != null) {%>
                            <div class="toggle-wrapper"><a href="javascript:void(0)" class="toggle-title orange"><span>Respondido el <%=c.getFechaRespuesta()%></span></a>
                                <div class="toggle-content">
                                    <p><%=c.getRespuesta()%></p>
                                </div>
                            </div>
                            <%}%>
                        </div>
                    </div>
                    <%}
                        }%>
                </div>
            </div>
            <br/><br/>
        </div> 
        <div class="one_third">
            <!--  <div class="one_quarter nogutter"><p></p></div>
             <div class="three_quarter nogutter  ">-->
            <div class="tab-wrapper clear">
                <ul class="tab-nav clear">
                    <li><a href="#tab-1">Top Eventos</a></li>
                    <li><a href="#tab-2">Top Publicistas</a></li>
                </ul>
                <div class="tab-container">
                    <!-- Tab Content -->
                    <div id="tab-1" class="tab-content clear">
                        <ul class="list tick">
                            <%
                                List<Anuncios> anuncios = ManejadorAnuncios.getInstance().getAnunciosTop10(con.getConnectionDB());

                                for (Anuncios u : anuncios) {
                            %>
                            <li>
                                <a href="/PBS/comun/revisarpublicacion.jsp?noid=<%=u.getId()%>"><%=u.getNombre()%></a>
                            </li>
                            <%}%>
                        </ul>
                    </div>
                    <!-- ## TAB 2 ## -->
                    <div id="tab-2" class="tab-content clear">
                        <ul class="list tick">
                            <%
                                List<Usuarios> usuarios = ManejadorUsuarios.getInstance().getUsuariosTop10(con.getConnectionDB());

                                for (Usuarios u : usuarios) {
                            %>
                            <li>
                                <a href ="/PBS/comun/perfil.jsp?id=<%=u.getId()%>">
                                    <%=u.getNombre()%>
                                </a>
                            </li>
                            <%}%>
                        </ul>
                    </div>
                    <!-- / Tab Content -->
                </div>
            </div>
            <form action="/PBS/index.jsp" method="post">
                <div class="divider2"></div>
                <center><h2>Buscador</h2></center>
                <div class="two_half nogutter">
                    <div class="two_half nogutter">
                        <div class="two_half nogutter">
                            <b>Fechas:</b>
                        </div>
                        <br/>
                        <div class="two_half nogutter">
                            <div class="two_fifth nogutter">
                                Desde:
                            </div>
                            <div class="three_fifth nogutter">
                                <input type="date" name="fechaDesde" value="" class="two_half nogutter required">
                            </div>
                            <br/>
                            <div class="two_fifth nogutter">
                                Hasta:
                            </div>
                            <div class="three_fifth nogutter">
                                <input type="date" name="fechaHasta" value="" class="two_half nogutter">
                            </div>
                        </div>
                    </div>
                    <br/><br/><br/>
                    <div class="two_half nogutter">
                        <div class="two_fifth nogutter">
                            <b>Categor&iacute;a:</b>
                        </div>
                        <div class="three_fifth nogutter">
                            <select id="categoria" name="categoria" class="four_fifth nogutter">

                                <option value="0" selected>Seleccionar</option>
                                <%
                                    List<Categorias> profeciones = ManejadorCategorias.getInstance().getCategorias(con.getConnectionDB());

                                    for (Categorias t : profeciones) {
                                %>
                                <option value="<%=t.getId()%>"><%=t.getDescripcion()%></option> 
                                <%}%>
                            </select>
                        </div>
                    </div>
                    <br/><br/>
                    <div class="two_half nogutter">
                        <div class="two_fifth nogutter">
                            <b>Ciudad:</b>
                        </div>
                        <div class="three_fifth nogutter">
                            <select id="ciudad" name="ciudad" class="four_fifth nogutter">

                                <option value="0" selected>Seleccionar</option>
                                <% List<Ciudad> ciudades = ManejadorCiudad.getInstance().getCiudades(con.getConnectionDB());
                                    for (Ciudad t : ciudades) {
                                %>
                                <option value="<%=t.getId()%>"><%=t.getDescripcion()%>, <%=t.getProvincias().getRegiones().getPais().getDescripcion()%></option> 
                                <%}%>
                            </select>
                        </div>
                    </div>
                    <br/><br/>
                    <div class="two_half nogutter">
                        <div class="two_fifth nogutter">
                            <b>Artistas:</b>
                        </div>
                        <div class="three_fifth nogutter">
                            <input type="text" name="artista" value="" class="two_half nogutter">
                        </div>
                    </div>

                    <br/><br/><br/>
                    <div class="two_half" style="text-align:  center">
                        <div class="two_half">
                            <button type="submit" name="query" class="button small gradient black">
                                <span class="icon-search icon-large"></span>
                                Buscar
                            </button>
                        </div>
                    </div>
                </div>
                <br/>
                <div class="divider2"></div>
            </form>
        </div>
    </div>
    <!-- ################################################################################################ -->
    <div class="clear"></div>

</div>
<!-- Footer -->
<%@include file="/Recursos/footer.jsp" %>
<script src="/PBS/Recursos/scripts/comentarios.js"></script>
